<script>
import Test21Chacao from './components/Test21Chacao.vue'
export default {

  components: {
    Test21Chacao
  },
  data() {
    return {
      str:'页面内容1'
    }
  }
}
</script>

<template>

  <Test21Chacao>
<!--  “v-slot:cc1”：指定放在子组件那个插槽标签里面-->
    <template v-slot:cc1>
      <div>
        <h3>插槽1</h3>
        <!--作用域：渲染是在子组件slot里渲染的，但数据是父组件的    -->
        <p>{{str}}</p>
      </div>
    </template>
<!--     简写："v-slot:cc2":=#cc2-->
    <template #cc2>
      <div>
        <h3>插槽2</h3>
        <p>{{str}}</p>
      </div>
    </template>

  </Test21Chacao>

</template>
